<template>
  <div id="songcherecord_list" style=" background-color: var(--themeBaseColor);overflow: scroll; -webkit-overflow-scrolling: touch;">
    <c-title :hide="false" text="送车记录"></c-title>
    <div class="top">
          <div style="margin-left: 2.5rem;">
            <span>{{ yj1 }}</span>
            <div>一区业绩</div>
            </div>
          <div style="width: 0.1rem; height: 3.5rem; background-color: #e7e7e7; transform: scaleX(0.5); position: relative; top: 0.8rem;"></div>
            <div style="margin-right: 2rem;" >
            <span>{{ yj2 }}</span>
            <div>二区业绩</div>
          </div>
      </div>
    <div class="check-record">
      <div class="content">
        <div style="text-align: left; font-size: 1rem;  color: #333;">送车记录</div>
        <div v-for="(item, index) in incomeData" :key="index" class="record-item">
          <div style="display: flex; justify-content: space-between;margin-top: 10px;">
            <span style="font-size: .8125rem;">{{ item.realname }}</span>
            <span style="font-size: .8125rem;">{{ item.mobile }}</span>
          </div>
          <div style="display: flex; justify-content: space-between;margin-top: 10px;">
            <span style="font-size: 0.8125rem;">一区业绩: {{ item.xj_yj1 }}</span>
            <span style="font-size: 0.8125rem;">二区业绩{{ item.xj_yj2 }}</span>
          </div>
          <div style="display: flex; justify-content: space-between; margin-top: 10px;">
            <span style="color: #999;">{{ item.create_date }}</span>
            
          </div>

          <!-- <van-row type="flex" >
              <van-col span="12">
                <div style="margin-top: 0.5rem;">{{point}}：{{item.award_point}}</div>
              </van-col>
              <van-col span="12">
                <div style="margin-top: 0.5rem;">优惠券：{{item.award_coupon}}/张</div>
              </van-col>
              <van-col span="12" v-if="is_love">
                <div style="margin-top: 0.5rem;">{{love_name}}：{{item.award_love}}</div>
              </van-col>
              <van-col span="12" v-if="infoData.love_return_total_status">
                <div style="margin-top: 0.5rem;">{{love_name}}返现：￥{{item.total_love_return}}</div>
              </van-col>
              <van-col span="12" v-if="infoData.lucky_draw_open && item.award_number_lucky_draws">
                <div style="margin-top: 0.5rem;">{{infoData.lucky_draw_name}}：{{item.award_number_lucky_draws}}/次</div>
              </van-col>
            </van-row> -->
        </div>
      </div>
    </div>


  </div>
</template>

<script>
import paicherecord_controller from './paicherecord_controller';

export default paicherecord_controller;
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
#songcherecord_list {
  min-height: 100vh;

  .top {
    margin-top: 2rem;
    margin-right: 1rem;
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: space-around;
    font-size: 1rem;
    color: #fff;

    span {
      // font-size: 2.14rem;
      // font-weight: bold;
      color: #fff;
    }
  }

  .bottom_reword {
    padding: 0 0.71rem 0 0.71rem;
    margin-bottom: 0.71rem;

    .reword_content {
      width: 100%;
      background-color: #fff;
      border-radius: 0.875rem;
      padding: 1rem;
    }

    .directions {
      // position: absolute;
      // right: 0;
      position: relative;
      left: 1rem;
      width: 5rem;
      height: 1.5rem;
      background-color: #000;
      opacity: 0.2;
      border-radius: 1.875rem 0 0 1.875rem;
      color: #fff;
      text-align: center;
      line-height: 1.5rem;
      float: right;
      font-size: 12px;
    }
  }

  .check-record {
    padding: 0 0.71rem 1rem 0.71rem;
    // height: 21.3rem;
    margin-bottom: 10rem;

    .content {
      width: 100%;
      height: 100%;
      background-color: #fff;
      border-radius: 0.875rem;
      padding: 1rem;

      .record-item {
        margin-top: 1rem;
        border-bottom: 1px solid #333;
        padding-bottom:10px ;
      }
    }
  }
}
</style>